<template>
	<view class="site-basic-cell">
		<image class="site-basic-cell__icon" src="/static/satellite.png" mode="aspectFill"></image>
		<text class="site-basic-cell__name">{{$t('site.parms.settings.sitename')}}{{name}}</text>
		<view class="site-basic-cell__after">
			<slot name="after"></slot>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		name: String
	})
</script>

<style lang="scss">
	.site-basic-cell {
		border-radius: 16rpx;
		@include flex(row);
		align-items: center;
		justify-content: space-between;
		background-color: #132034;
		padding-left: 35rpx;
		padding-right: 12rpx;
		height: 88rpx;

		&__icon {
			width: 24rpx;
			height: 24rpx;
			margin-right: 15rpx;
		}

		&__name {
			flex: 1;
			min-width: 0;
			// font-family: Alibaba PuHuiTi 3.0;
			font-size: 28rpx;
			font-weight: 500;
			line-height: 28rpx;
		}

		&__after {}
	}
</style>